page {
    background-color: #F0F2F3;
}

.business_tareweight {
    .tareweight_title {
        background-color: #fff;
        box-sizing: border-box;
        font-size: 28rpx;
        color: #323233;
        height: 88rpx;
        padding: 20rpx 32rpx;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1rpx solid #ebedf0;
        border-top: 1rpx solid #ebedf0;

        .tareweight_status {
            color: var(--my-primary);
            font-size: 28rpx;

            .icon {
                vertical-align: middle;
                margin-left: 10rpx;
                color: #999999;
            }
        }
    }

    .weight_info {
        background-color: #fff;
        padding: 20rpx 32rpx;
        color: #666666;
        font-size: 28rpx;
        margin-bottom: 12rpx;
        margin-top: 12rpx;

        .net_weight {
            line-height: 48rpx;
            height: 48rpx;
        }

        .net_weight_way {
            line-height: 48rpx;
            height: 48rpx;
        }
    }

    .selected_quality {
        position: relative;
        background-color: #fff;
        color: #666666;
        font-size: 28rpx;
        margin-bottom: 12rpx;
        margin-top: 12rpx;

        .quality_class {
            padding-left: 20rpx;
            text-align: left;
            color: #333333;
        }

        .quality_tip {
            position: absolute;
            top: 28rpx;
            right: 72rpx;
            color: var(--my-primary);
            font-size: 28rpx;
        }
    }

    .weight_table {
        background-color: #fff;
        padding: 0 32rpx;

        .table_header_th {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: center;
            font-size: 28rpx;
            color: #333333;
            height: 72rpx;
            line-height: 72rpx;
            border-bottom: 1rpx solid #ebedf0;

            .header_item_left {
                box-sizing: border-box;
                width: 30%;
                padding-left: 30rpx;
            }

            .header_item {
                width: 30%;
            }

            .header_item_right {
                flex: 1;
            }
        }

        .table_content_tr {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: center;
            font-size: 28rpx;
            color: #666666;
            height: 72rpx;
            line-height: 72rpx;
            border-bottom: 1rpx solid #ebedf0;

            &:last-of-type {
                border: none;
            }

            .content_item_left {
                box-sizing: border-box;
                width: 30%;
                padding-left: 30rpx;
            }

            .content_item {
                width: 30%;
                --cell-vertical-padding: 0;
                --cell-horizontal-padding: 0;
            }

            .content_item_right {
                flex: 1;
                --cell-vertical-padding: 0;
                --cell-horizontal-padding: 0;
            }
        }
    }
    .tareweight_type {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        height: 100rpx;
        background-color: #fff;
        padding: 20rpx 32rpx;
        margin: 12rpx 0;
        justify-content: space-between;
        .title {
            font-size: 28rpx;
            margin-right: 20rpx;
        }
        .content {
            font-size: 28rpx;
        }
    }

    .submit_btn {
        padding: 40rpx 60rpx;
    }
}